<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>省级疫苗补助查看</title>
	<meta name="decorator" content="default"/>
	<%--<link type="text/css" rel="stylesheet" href="${ctxCss}/common/table.css"/>--%>
	<script type="text/javascript" src="${ctxScript}/js/vaccine.js"></script>
	<script type="text/javascript">
        function bigimg(i){
            var zoom = parseInt(i.style.zoom,10)||100;
            zoom += event.wheelDelta / 12;
            if(zoom > 0 )
                i.style.zoom=zoom+'%';
            return false;
        }

        $(function() {
            var r = 0;
            $('img').click(function() {
                r += 90;
                $(this).css('transform', 'rotate(' + r + 'deg)');
            });
        });
	</script>
	<style>
        body{
            padding-left: 50px;
        }
        .dHide{display: none}
        .little-title{
            padding: 5px 0 0px;
            font-size: 18px;
            font-family:'Arial Normal','Arial';
            font-weight: 400;
            font-style: normal;
            color: #33A5E7;
            text-rendering: optimizeLegibility;
            font-kerning: normal;
        }
	</style>
</head>
<body>
	<form:form id="invoiceForm" modelAttribute="vaccine" action="" method="post" class="form-horizontal">
		<div id="checkInvoice" style="width: 100%;height: auto;">
			<form:hidden path="id"/>
			<form:hidden path="state"/>
            <%--<img src="${fns:getConfig('domain')}${vaccine.vaccineImg}"></br>--%>
            <table style="width:100%">
                <div style="padding: 5px 0;font-size: 18px;">提示：请根据发票信息核对识别信息内容是否准确。
                    <a href="#" imgSrc = "${ctxStatic}/images/u1419.png"  onclick="showImg(this)">如何核对?</a></div>
                <div class="little-title"><img src="${ctxStatic}/images/u1334.png" style="width: 25px;height:25px;"/>&nbsp;&nbsp;发票信息</div>
                <tr><td>
                    <div style="width:100%;text-align:center"><img src="${fns:getConfig('domain')}${vaccine.vaccineImg}"  onmousewheel="return bigimg(this)"></div>
                </td></tr>
            </table>
            <table id="contentTable" class="table table-striped table-bordered table-condensed">
                <tbody>
                <div class="little-title"><img src="${ctxStatic}/images/u1389.png" style="width: 15px;height:25px;"/>&nbsp;&nbsp;识别信息</div>
                <tr>
                    <td>
                        <label class="control-label">发票类型：</label>
                    </td>
                    <td  colspan="3">
                        <c:set value="${'0' ==  vaccine.invoiceType}" var="invoiceType"/>
                        <label for="invoiceType1" style="font-weight:normal">
                            <input id='invoiceType1' name="invoiceType" onclick="changeRadio(this)" value="0"type="radio"
                                   <c:if test="${invoiceType}">checked="checked"</c:if>>专用发票</input>
                        </label>
                        <label for="invoiceType2" style="font-weight:normal">
                            <input id='invoiceType2'name="invoiceType" onclick="changeRadio(this)" value="1" type="radio"
                                   <c:if test="${!invoiceType}">checked="checked"</c:if>>普通发票&nbsp;&nbsp;(若识别失败请更换发票类型重新尝试)</input>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label class="control-label"><span style="color:red">*</span>发票编号：</label>
                    </td>
                    <td>
                        <form:input path="invoiceNo" htmlEscape="false" maxlength="100" class="input-xlarge "/>
                    </td>
                    <td>
                        <label class="control-label"><span style="color:red">*</span>发票日期：</br>(开票当天无法查验)</label>
                    </td>
                    <td>
                        <input id="invoiceDate" name="invoiceDate" type="text" readonly="readonly" maxlength="20" style="width:200px;" class="input-medium Wdate"
                               value="<fmt:formatDate value="${vaccine.invoiceDate}" pattern="yyyy-MM-dd"/>"  onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
                    </td>
                </tr>
                <tr>
                    <td>
                            <label class="control-label"><span style="color:red">*</span>发票代码：</label>
                    </td>
                    <td>
                                <form:input path="invoiceCode" htmlEscape="false" maxlength="100" class="input-xlarge "/>

                    </td>
                    <td class="invoiceType checkCode <c:if test="${invoiceType}">dHide</c:if>">
                            <label class="control-label"><span style="color:red">*</span>校验码(后6位)：</label>
                    </td>
                    <td class="invoiceType checkCode <c:if test="${invoiceType}">dHide</c:if>">
                                <form:input path="checkCode" htmlEscape="false" maxlength="100" class="input-xlarge "/>
                    </td>
                    <td class="invoiceType totalAmount <c:if test="${!invoiceType}">dHide</c:if>">
                            <label class="control-label"><span style="color:red">*</span>发票金额(不含税)：</label>
                    </td>
                    <td class="invoiceType totalAmount <c:if test="${!invoiceType}">dHide</c:if>">
                                <form:input path="totalAmount" htmlEscape="false" maxlength="100" class="input-xlarge "/>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="color:red;text-align:center">
                        专票必填:合计金额（不含税），必须精确到两位小数 ；普票必填:校验码后6位（普票、电子普票、卷式普票）
                </td>
                </tr>
                </tbody>
            </table>
		</div>
	</form:form>
</body>
</html>